<template>
    <div id="hotList">
        <router-link to="/home/hot/detail"  class="list_item">
            <div class="weui-flex">
                <div class="weui-flex__item">
                    <img src="/src/assets/img/home/banner/huokeBanner.png" alt="">
                </div>
            </div>
            <div class="weui-flex">
                <div class="weui-flex__item">
                    <p>乐享计划理财师自购版</p>
                    <p>首家央媒入股平台|《经济》杂志</p>
                </div>
            </div>
        </router-link>
       <div class="list_item">
            <div class="weui-flex">
                <div class="weui-flex__item">
                    <img src="/src/assets/img/home/banner/huokeBanner.png" alt="">
                </div>
            </div>
            <div class="weui-flex">
                <div class="weui-flex__item">
                    <p>乐享计划理财师自购版</p>
                    <p>首家央媒入股平台|《经济》杂志</p>
                </div>
            </div>
        </div>
        <div class="list_item">
            <div class="weui-flex">
                <div class="weui-flex__item">
                    <img src="/src/assets/img/home/banner/huokeBanner.png" alt="">
                </div>
            </div>
            <div class="weui-flex">
                <div class="weui-flex__item">
                    <p>乐享计划理财师自购版</p>
                    <p>首家央媒入股平台|《经济》杂志</p>
                </div>
            </div>
        </div>
        
    </div>
</template>
<script>

</script>
<style scoped>
#hotList {
    padding: .25rem;
    background: #fff;
    padding-bottom: 70px;
}
#hotList>a{
    display: block;
   background: #fff; 
}
.list_item {
    background: #fff;
    height: auto;
    overflow: hidden;
    margin-bottom: .5rem;
    padding-bottom: .3rem;
    border-radius:0 0 .3rem .3rem;
    box-shadow: 2px 2px 20px rgba(0,0,0,.5);
}
.list_item .weui-flex__item:nth-child(1) img {
    margin: .25rem;
    width: 97%;
}
.weui-flex__item p:nth-child(1){
    padding: 0 1rem ;
    color:rgba(0,0,0,.85);
}
.weui-flex__item p:nth-child(2){
    font-size: .6rem;
    padding: 0 1rem ;
    color:rgba(0,0,0,.50);
}
</style>
